<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: kent
  Date: 2020/6/17
  Time: 11:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <title>众筹中原-提供您身边的万元股权投资项目</title>
    <meta name="keywords" content="众筹中原,众筹,众筹平台,众筹网,产品众筹,实物众筹,有偿众筹,河南众筹,中原众筹,本地众筹,本土众筹,郑州众筹">
    <meta name="description" content="众筹平台.通过线上,线下的推广并与本土优势媒体机构合作,为梦想发起人提供务实而精到的众筹服务.众筹中原网业务:公益众筹,产品众筹等.">
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <link href="../../../css/font-awesome.min93e3.css" rel="stylesheet">
    <link href="../../../css/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="../../../css/common.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="http://www.zczyw.com/Public/statics/img/favicon.ico">
    <link href="../../../css/style.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="../../../css/public.css" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GUC2himhAkmCQSg046giIZ4Rc8iMrZyb"></script>
    <style>
        #allmap {
            margin: 20px 0;
            margin-left: 20px;
            width: 490px;
            height: 180px;
        }

        .pro_mes {
            background: #f8f8f8;
            font-size: 16px;
            color: #333;
            padding: 30px;
        }

        .pro_mes p {
            font-size: 14px;
            color: #333;
            line-height: 25px;
        }

        .pro_mes p span {
            float: right;
        }

        .pro_mes p i {
            font-size: 16px;
            margin-right: 5px;
            margin-left: 5px;
        }

        .pro_mes h3 {
            font-size: 15px;
            font-weight: bold;
            margin-top: 25px;
        }

        .pro_mes h3:first-child {
            margin: 0;
        }

        .pro_mes p i.icon-weitijiao {
            color: red;
        }
    </style>
</head>

<body>
<!-- 头部 -->
<!-- 头部 -->
<header>
    <div class="center clearfix">
        <div class="rt_head">
					<span>
						<img src="../../../images/head_call.png" alt=""> 官方咨询电话：
						<b>400-999-8235</b>
					</span>
            <span>
						<img src="../../../images/head_scan.png" />微信公众号
					</span>
            <span>
						<a href="###">
							关于我们
						</a>
					</span>
        </div>
    </div>
</header>
<!-- 导航nav -->
<nav>
    <div class="center" style="position: relative;">
        <a href="###" class="logo"></a>
        <div class="nav_tab">
            <a href="###">首页</a>
            <a href="/item/showItem">展示类项目</a>
            <a href="###">交易类项目</a>
            <a href="###">已成功项目</a>
            <a href="###">众筹社区</a>
        </div>
        <a href="###" class="gradient add_zc">
            +发起众筹
        </a>
        <div class="log_txt">
            <a href="###">登录</a>|
            <a href="###">注册</a>
        </div>
    </div>
</nav>

<!--  -->
<div class="nuk"></div>

<!-- 详情 -->
<div class="tj" style="background:#F6F6F6;">
    <div class="w">
        <div class="dtlstop_rwh">
            <!-- 右 -->
            <div class="lt_rwh">
                <div class="lt_nrw">
                    <div>
                        <div class="img_srw item"><img src="${item.detailImg}"></div>
                        <div class="rt_t item">
                            <h3>${item.title}</h3>
                            <div class="fqr">
                                <ul>
                                    <li>
                                        <i class="iconfont icon-liulan"></i>浏览：${item.views}
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div class="xbk">
                                    <p style="height: 120px; line-height:24px;font-size:16px;color:#646464;overflow-y: hidden;">${item.brief}</p>
                                    <div class="" style="position: absolute;bottom: 116px; ">
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <!-- 左 -->
            <div class="rt_rwh itfd">
                <div class="schedule_box f_l">
                    <span class="pro_status_fail"></span>
                    <div class="schedule_m">
                        <div class="loading-progress">
									<span title="100.77%">
										<div class="loading-container">
									<i width="15" height="15" class="myCanvas"></i>
									<span class="loading-point"></span>

									<span class="loading-detail f14">意向投资金额：<i>￥${item.actAmount}元</i></span>
								</div>
								<div class="loading-bar gradient" style="width:${item.actAmount/item.targetAmount*100}%;"><span style="width: 88px">${item.actAmount/item.targetAmount*100}%</span></div>

								<div class="loading-container syndicate-goal">
									<span class="loading-detail f14">筹集目标：${item.targetAmount}</span>
									<span class="loading-point"></span>
									<i width="15" height="15" class="myCanvas"></i>
								</div>
								</span>
                        </div>
                        <div class="blank0"></div>
                        <div class="target_money f_999">
                            <span>此项目须在 <span class="f_money">${item.endTime} 23:59</span> 前，获得<span class="f_money">${item.targetAmount}</span>的意向投资才可成功!</span>
                        </div>
                        <div class="info-area mb20">
                            <div class="info-content">
                                <p class="content-val">100</p>
                                <p class="start-num f14">剩余份数</p>
                            </div>
                            <div class="info-line"></div>
                            <div class="info-content">
                                <p class="content-val" id="getDays"></p>
                                <p class="start-num f14">剩余时间</p>
                            </div>
                            <div class="info-line next"></div>
                            <div class="info-content">
                                <p class="content-val">${item.perMoney}</p>
                                <p class="start-num f14">起投金额</p>
                            </div>
                        </div>
                        <!--<a href="#zhichi" class="btn support-btn bg_gray" style="width: 100%;">立即支持</a>-->
                        <div class="buttonBox">
                            <a class="gradient" style="width: 100%;">意向投资</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 选项卡 -->
        <div class="tab_xxk">
            <div class="xqTabH" id="xqTabH">
                <div class="xqInner clearfix">
                    <ul class="xqTab_ul tab" id="xqTab_ul">
                        <li class="bcur">
                            <a>项目概况</a>
                        </li>
                        <li>
                            <a>融资方案</a>
                        </li>
                        <li>
                            <a>支持记录（<b>5</b>）</a>
                        </li>
                        <!--<li><a>项目动态</a></li>-->
                    </ul>
                </div>
            </div>
        </div>
        <div class="con_tab clearfix">
            <div class="details-content">
                <!--项目主页-->
                <div class="content-list" style="display: block;">
                    <div class="tbimg">
                        <!--项目概况-->
                        <div class="project-support" style="min-height: 873px;">
                            <img src="${item.description}" />
                            <div class="pro_mes">
                                <p><i class="iconfont icon-tishi" style="color: red;"></i>审核资料信息由项目发起方提供，众筹中原对项目风险及收益不做担保，任何股权投资均具有一定风险根据能力决定是否投资。</p>
                                <h3>资质审核</h3>
                                <p>1、法人代表身份证
                                    <span>
                                        <c:if test="${itemInfo.legalIdCard == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.legalIdCard != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>2、统一社会信用代码 / 营业执照、税务登记证、开户许可证
                                    <span>
                                        <c:if test="${itemInfo.license == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.license != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>3、公司经营照片
                                    <span>
                                        <c:if test="${itemInfo.companypicture == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.companypicture != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>4、场地租赁合同
                                    <span>
                                        <c:if test="${itemInfo.sitecontract == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.sitecontract != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>5、财务报表
                                    <span>
                                        <c:if test="${itemInfo.financialstatements == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.financialstatements != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>6、行业许可证
                                    <span>
                                        <c:if test="${itemInfo.industrylicense == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.industrylicense != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>

                                <h3>个人信息提供</h3>

                                <p>1、房产信息及证明
                                    <span>
                                        <c:if test="${itemInfo.propertyinfo == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.propertyinfo != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>2、车辆信息及证明
                                    <span>
                                        <c:if test="${itemInfo.carinfo == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.carinfo != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                                <p>3、直系亲属信息及联系方式
                                    <span>
                                        <c:if test="${itemInfo.contactinfo == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.contactinfo != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>

                                <h3>征用信息</h3>

                                <p>1、征信资料
                                    <span>
                                        <c:if test="${itemInfo.creditinfo == 1}">已提交<i class="iconfont icon-yitijiao"></i></c:if>
                                        <c:if test="${itemInfo.creditinfo != 1}">未提交<i class="iconfont icon-weitijiao"></i></c:if>
                                    </span>
                                </p>
                            </div>

                        </div>
                    </div>

                </div>
                <!--融资方案-->
            </div>

            <div class="rf_fqr" id="inner">
                <!-- 发起人信息 -->
                <div class="fqrxx" id="zhichi">
                    <div class="fjdss">
                        <p class="fqxx">发起人信息</p>
                    </div>
                    <div class="lgfqr">
                        <div class="lg_l" style=""><img src="../../../images/5aa3a0f569305.jpg"></div>
                        <div class="lg_r">发起人：
                            <a href="" class="c_blue">明前龙井</a>
                            <p><i class="iconfont icon-htmal5icon14"></i>河南-禹州</p>
                        </div>
                    </div>
                </div>
                <!-- 项目位置 -->
                <div class="fqrxx" id="zhichi">
                    <div class="fjdss">
                        <p class="fqxx">项目位置</p>
                    </div>
                    <div style="text-align: center;">
                        <div id="allmap"></div>
                    </div>
                    <p style="font-size:16px;margin-left:20px;padding-bottom: 15px;">河南省郑州市高新区冬青街7号</p>
                </div>
                <!--起投金额-->
                <div class="fqrxx" id="zhichi">
                    <div class="fjdss">
                        <p class="fqxx">起投金额：<span>${item.perMoney}</span>
                            <i>已预约<b>109</b>/剩余41份</i>
                        </p>
                    </div>
                    <div style="padding: 25px 60px;">
                        <div class="buttonBox">
                            <a class="gradient">意向投资</a>
                            <!--<a class="tst2">我要支持</a>-->
                        </div>
                    </div>
                </div>
                <!-- 风险提示 -->
                <div class="fqrxx" id="zhichi">
                    <div class="fjdss">
                        <p class="fqxx">风险提示</p>
                    </div>
                    <p class="fxts_tst">
                        任何股权投资都具有一定风险，请仔细阅读相关投资细则，全面了解相关法律法规，根据自身的投资目的、投资期限、投资经验、资产状况等判断是否具备相应的投资风险承受能力。
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- footer -->
<footer>
    <div class="w clearfix">
        <div class="lg_footer clearfix">
            <div class="sm_footer">
                <div class="gplz">
                    <div class="gplz_lj">
                        <ul class="" style="">
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/1">关于我们</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/2">联系我们</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/7">众筹课堂</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/3">注册协议</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/4">发起人协议</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/5">发起人须知</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/6">支持者须知</a>
                            </li>
                        </ul>
                        <p class="place_footer">--众筹中原-- by:神农山一队精英 </p>
                    </div>
                </div>
                <div class="trusted-icon">
                    <a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
                        <img src="images/icp.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
                        <img src="images/shangbiaozheng.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
                        <img src="images/zhuzuoquan.png" alt="">
                    </a>
                    <a href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc" target="_blank">
                        <img src="images/gongshang.png" alt="河南工商">
                    </a>
                    <a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
                        <!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
                        <img border="0" src="images/360.png">
                    </a>
                    <a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" target="_blank">
                        <img src="images/china.png" alt="信用中国">
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--弹窗-->
<div class="popBox" style="display:none;">
    <div class="popMain">
        <h3 class="title">项目服务表 <span>x</span></h3>
        <div class="smPanel" style="padding-left: 70px;">
            <div class="ltem">
						<span class="list_head">是否去路演会现场：
						<label>
							<input type="radio" name="ra" checked="checked"><i class="iconfont icon-weixuanzhong"></i>
							是
						</label>
						<label>
							<input type="radio" name="ra"><i class="iconfont icon-weixuanzhong"></i>否</label>
						</span>
            </div>
            <div class="ltem">
                <span class="list_head" style="float: left;">预约额度：</span>
                <label>
                    <div class="check" style="float: left;">
                        <span>-</span>
                        <input type="text" value="2"/>
                        <span>+</span>
                    </div>
                    <span style="font-size: 16px; line-height:30px; margin-left:5px;">份</span>
                </label>

            </div>
            <div class="ltem">
						<span class="list_head">是否要求平台委托第三方对项目做投后管理：
						<label>
							<input type="radio" name="gl" checked="checked"><i class="iconfont icon-weixuanzhong"></i>
							是
						</label>
						<label>
							<input type="radio" name="gl"><i class="iconfont icon-weixuanzhong"></i>否</label>
						</span>
            </div>
            <div class="ltem">
                <span class="list_head" style="float: left;">其它需求：  </span>
                <textarea></textarea>
            </div>

            <div class="buttonBox" style="width: 450px;padding-bottom: 50px; margin-left: 7em;margin-top: 30px;">
                <a>提交</a>

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<!-- 控制登录菜单 -->
<script type="text/javascript">
    var loginUser=${loginObject.userId};
    if (loginUser!=null){
        console.log(loginUser+"11");
        $("#loginBefore").css("display","none");
        $("#loginAfter").css("display","block");
    }else {
        console.log(loginUser);
        $("#loginAfter").css("display","none");
    }

    $('#head-img').hover(function() {
        $('#list').show();
    });
    $('.log_txt_head').mouseleave(function() {
        $("#list").css("display", "none");
    });
    $('#head-img').on('click', function() {
        window.location.href = "Site/toPerson.do";
    });
</script>
<script>
    /*计算剩余天数*/
    $(document).ready(function getEndDate() {
        var endTime="${item.endTime}";
        //获取项目截至时间
        endTime=new Date(endTime);
        //现在的时间
        var newTime=new Date();
        //计算相差天数
        var endDate=Math.ceil((endTime.getTime()-newTime.getTime())/1000/60/60/24);
        if (endDate>=0){
            $("#getDays").html(endDate+"天");
        } else{
            $("#getDays").html("项目已结束");
        }
        console.log(endDate);
    })
</script>


<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398, 39.897445);
    map.centerAndZoom(point, 12);
    // 创建地址解析器实例
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野
    myGeo.getPoint("郑州市中原区高新区冬青街7号", function(point) {
        if(point) {
            map.centerAndZoom(point, 16);
            map.addOverlay(new BMap.Marker(point));
        } else {

        }
    }, "北京市");
</script>
<script language="javascript">
    (function() {
        var obj = document.getElementById("inner");
        var top = getTop(obj);
        var isIE6 = /msie 6/i.test(navigator.userAgent);
        window.onscroll = function() {
            var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if(bodyScrollTop > top) {
                obj.style.position = (isIE6) ? "absolute" : "fixed";
                obj.style.top = (isIE6) ? bodyScrollTop + "px" : "0px";
            } else {
                obj.style.position = "static";
            }
        }

        function getTop(e) {
            var offset = e.offsetTop;
            if(e.offsetParent != null) offset += getTop(e.offsetParent);
            return offset;
        }
    })()
</script>
</body>

</html>
